<div id="loginPage" class="animated bounceIn">
    <div class="window_close">✖</div>
    <form id="login">

            <div class="form-group">
                    <input type="text" class="form-control login-field" value="" placeholder="Enter your name" id="login-name" />
                    <label class="login-field-icon fui-user" for="login-name"></label>
                  </div>
      
                  <div class="form-group">
                    <input type="password" class="form-control login-field" value="" placeholder="Password" id="login-pass" />
                    <label class="login-field-icon fui-lock" for="login-pass"></label>
                  </div>
      
                  <a class="btn btn-primary btn-lg btn-block" href="#">Log in</a>
                  <a class="btn btn-primary btn-lg btn-block" href="#">regisrer</a>
                  <a class="login-link" href="#">Lost your password?</a>

    </form>
</div>
<div id="regPage" class="animated">
    <div class="window_close">✖</div>
    <form id="register">
        <div class="form-group">
            <lable for="userid">学号（必填）：</lable>
            <input class="form-control" type="text" id="userid" name="userid" placeholder="请输入您的学号哦" />
        </div>
        <div class="form-group">
            <lable for="password">密码（必填）：</lable>
            <input class="form-control" type="password" id="password" name="password" placeholder="请输入您的密码,不能让别人知道哦"
            />
        </div>
        <div class="form-group">
            <lable for="repassword">确认密码（必填）：</lable>
            <input class="form-control" type="password" id="repassword" name="repassword" placeholder="请在此输入您的密码哦"
            />
        </div>
        <div class="form-group">
            <lable for="realname">姓名（必填）：</lable>
            <input class="form-control" type="text" id="realname" name="realname" placeholder="请告诉我们您的名字好记住您哦"
            />
        </div>
        <div class="form-group">
            <lable for="sex">性别（必选）：</lable>
            <lable class="radio-inline">
                <input type="radio" name="sex" id="sex_Boy" value="boy" checked/>我是男孩子</lable>
            <lable class="radio-inline">
                <input type="radio" name="sex" id="sex_Girl" value="girl" />我是女孩子</lable>
        </div>
        <div class="form-group">
            <lable for="tel">手机号(选填)：</lable>
            <input class="form-control" type="text" id="tel" name="tel" placeholder="如果有联系方式的话那是再好不过了呢" />
        </div>
        <div style="text-align: center;" class="form-btn">
            <button type="submit" class="btn btn-info" style="position: absolute; left: 80px; bottom: 24px;">注册</button>
            <button type="button" class="btn btn-default" style="position: absolute; right: 80px; bottom: 24px;">返回</button>
        </div>
    </form>
</div>